<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>六盘水马拉松报名情况</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div class="mainbox">
        <div class="ihead"><span>六盘水马拉松报名情况</span></div>
        <div class="ibody">
            <div> <span>报名总人数:</span><span class="red">29945人</span></div>
            <div><span>全程马拉松:</span><span>9301人</span></div>
            <div><span>半程马拉松:</span><span>11593人</span></div>
            <div><span>大众健身跑:</span><span>9051人</span></div>
            <div><span>最近10分钟报名:</span><span class="green">18人</span></div>
            <div><span>最近1小时报名:</span><span class="green">100人</span></div>
            <div><span>最近3小时报名:</span><span class="green">215人</span></div>
            <div><span>今日报名:</span><span class="green">276人</span></div>
            <div><span>当前时间:</span><span class="green">2021-06-26 11:13:00</span></div>
            <div class="empty"></div>
        </div>
    </div>
</body>
<style type="text/css">
    .mainbox{
        max-width: 600px;
        margin: auto;
    }
    .ihead {
        text-align: center;
    }

    .ihead span:first-child {
        font-size: 28px;
        font-weight: bold;
        color: #864295;
    }

    .ihead span:nth-child(2) {
        font-size: 20px;
        font-weight: bold;
    }

    .ibody {
        margin-top: 20px;
        padding-left: 8px;
        padding-right: 4px;
        line-height: 34px;
    }

    .ibody div {
        border-bottom: 1px dashed #919199;
    }

    .ibody div span:first-child {
        margin-left: 10px;
    }

    .ibody div span:nth-child(2) {
        color: #00f;
        float: right;
        margin-right: 10px;
    }

    .ibody div.empty {
        height: 5px;
    }

    .blue {
        color: #00f;
    }

    .red {
        color: #e60c03 !important;
    }

    .green {
        color: #277e2d !important;
    }
</style>

</html>